<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="./2.6.14/vue.js"></script>

	</head>
	<body>
		<!--准备容器-->
		<div id="root">
			<h1>插值语法，标签体内</h1>
			<h1> hello,{{name}}</h1>

			<h1>指令语法，标签属性</h1>
			<a v-bind:href="url" x="hello">点击</a>
			<a :href="url" x="hello">点击</a>
		</div>
		<script type="text/javascript">
			Vue.config.productionTip = false
			//创建VUE实例，容器和vue实例 一对一关系
			new Vue({
				el: '#root', //el用于指定当前的vue实例为哪个容器服务器，通常为css选择器字符串
				data: { //data中用于存储数据，数据供el指定的容器使用。
					name: "你好",
					url: 'www.baidu.com'
				}
			})
		</script>
	</body>
</html>
